<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h3>无序列表</h3>
	<ul type="square">
		<!-- unordered list无序列表 -->
		<li>刘备</li>
		<!-- list item列表项 -->
		<li>孙尚香</li>
		<li>貂蝉</li>
		<li>吕布</li>
		<li>刘禅</li>
	</ul>
	<h3>有序列表</h3>
	<!-- start起始值 reversed降序 -->
	<ol type="1" start="10" reversed="reversed">
		<li>打开冰箱门</li>
		<li>把大象装进去</li>
		<li>关上冰箱门</li>
		<li>关上冰箱门</li>
		<li>关上冰箱门</li>
	</ol>
	<h3>定义列表</h3>
	<!-- 自带层级效果 -->
	<dl>
		<!--定义列表  -->
		<dt>凉菜</dt>
		<!-- 定义标题 -->
		<dd>拍黄瓜</dd>
		<!-- 定义描述 -->
		<dd>芥末鸭掌</dd>
		<dd>花毛一体</dd>
		<dt>炒菜</dt>
		<dd>葱爆羊肉</dd>
		<dd>宫保鸡丁</dd>
		<dd>木须肉</dd>
	</dl>
	<h3>列表嵌套</h3>
	<!-- 有序和无序可以任意无限嵌套 -->
	<ul>
		<li>凉菜</li>
		<ol>
			<li>拍黄瓜</li>
			<li>老醋花生</li>
		</ol>
		<li>炒菜</li>
		<ol>
			<li>番茄炒蛋</li>
			<ul>
				<li>咸口味</li>
				<li>甜口味</li>
			</ul>
			<li>排骨</li>
		</ol>
	</ul>
</body>
</html>